@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100..900&display=swap");

/* ===== EFFECT CAHAYA & PETIR ===== */
:root {
  --gold-main: #dfca7b;
  --gold-soft: rgba(223, 202, 123, 0.7);
  --gold-strong: rgba(223, 202, 123, 1);
}

/* Neon / petir berdenyut */
@keyframes lightningGlow {
  0% {
    box-shadow: 0 0 4px var(--gold-soft),
                0 0 10px var(--gold-soft),
                0 0 18px transparent;
  }
  40% {
    box-shadow: 0 0 6px var(--gold-strong),
                0 0 16px var(--gold-strong),
                0 0 26px rgba(255, 255, 255, 0.8);
  }
  60% {
    box-shadow: 0 0 3px var(--gold-soft),
                0 0 8px var(--gold-soft),
                0 0 14px transparent;
  }
  100% {
    box-shadow: 0 0 5px var(--gold-strong),
                0 0 14px var(--gold-strong),
                0 0 24px rgba(255, 255, 255, 0.6);
  }
}

/* Efek "kilat" di teks */
@keyframes textFlash {
  0%, 90% {
    text-shadow: 0 0 4px var(--gold-soft),
                 0 0 10px var(--gold-soft);
  }
  92% {
    text-shadow: 0 0 2px #fff,
                 0 0 16px #fff,
                 0 0 26px var(--gold-strong);
  }
  100% {
    text-shadow: 0 0 4px var(--gold-soft),
                 0 0 10px var(--gold-soft);
  }
}
.wrapper .user-page-section-content .user-info .username {
  text-align: center;
  padding: 6px 10px;
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 800;
  font-family: "Noto Sans", sans-serif;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);

  /* ✨ Efek cahaya petir */
  border: 2px solid var(--gold-main);
  box-shadow:
    0 0 6px var(--gold-soft),
    0 0 14px var(--gold-soft),
    0 0 24px rgba(0, 0, 0, 0.9);
  animation: textFlash 3.5s infinite;
}
/* Semua tombol link utama */
.wrapper
  .preview-links-list__component
  .preview-link-item__component
  .preview-link-wrapper,
.wrapper
  .preview-links-list__component
  .preview-lock-link-item__component
  .preview-lock-link-wrapper,
.wrapper .preview-menu-item__component,
.wrapper .preview-commerce-link-item__component,
.wrapper .preview-location-item__component,
.wrapper .preview-signup-generator__component,
.wrapper .preview-signup-generator-terms__component,
.wrapper .preview-anonymous-messages__component {
  border-radius: 0;
  color: #dfca7b;
  background: rgba(0, 0, 0, 0.95);
  font-family: "Noto Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  border: 2px solid var(--gold-main);

  /* ⚡ Efek petir di tombol */
  animation: lightningGlow 2.8s infinite;
}
.wrapper
  .user-page-section-content
  .user-info
  .logo-container
  .common-user-icon__component {
  border-radius: 50%;
  border: 2px solid var(--gold-main);
  padding: 4px;

  /* Aura glow */
  box-shadow:
    0 0 6px var(--gold-soft),
    0 0 14px var(--gold-soft),
    0 0 24px rgba(0, 0, 0, 0.9);
}
.user-page-section-background {
  background:
    radial-gradient(circle at top center,
      rgba(223, 202, 123, 0.25),
      transparent 55%),
    url("https://zona-amp.website/gambar/icafe4d09.com/background.jpg")
      top 40px center / 300px no-repeat,
    url("https://zona-amp.website/gambar/icafe4d09.com/background.jpg")
      top center / cover no-repeat;
}